<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>promise复盘</title>
</head>

<body>
    <button>抽奖</button>
    <script>
        /**
         * 中奖概率40%，2s后开奖
         *      1.如何实现40%中奖概率？
         *          Math.random()*100
         *          // 取 1-100之间的随机整数   n <= 40
         *  劳斯莱斯 10元代金券
         * 
         */

        // 从1-100的随机整数
        // 从 n - m之间的随机整数
        function random(n, m) {
            return Math.floor(Math.random() * (m - n + 1)) + n;
        }
        // 1. 获取butn元素
        const btn = document.querySelector('button');
        // btn.onclick = function () {
        //     setTimeout(() => {
        //         let num = random(1, 100);
        //         if (num <= 40) {// 中奖了
        //             alert('恭喜中奖')
        //         }else{
        //             alert('谢谢参与');
        //         }
        //     }, 2000);
        // }
        btn.onclick = function () {
            let p = new Promise((resolve, reject) => {
                setTimeout(() => {
                    let num = random(1, 100);
                    if (num <= 40) {// 中奖了
                        resolve(num);
                    } else {
                        reject(num);
                    }
                }, 2000);
            })
            p.then((value)=>{
                alert('恭喜中奖，中奖号码为：' + value);
            },reason=>{
                alert('谢谢惠顾，您的号码是：' + reason);
            })
        }


    </script>
</body>

</html>